<template>
    <mu-appbar style="width: 100%;" color="primary" >
        <mu-button icon slot="left" @click="back" >
            <img :src="icon.back" alt="" class="icon">
        </mu-button>
        <span v-html="title"></span>
        <mu-menu slot="right">

        </mu-menu>
    </mu-appbar>
</template>

<script>
    export default {
        props:["title"],
        data(){
            return{
                icon:{
                    back:require("@/img/icon/back.png"),
                },
            };
        },
        methods:{
            back(){
                this.$router.back(-1);
            }
        }
    }
</script>


<style>
    .icon{
        width:20px;
    }
</style>